<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    xmlns:h="http://xmlns.jcp.org/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">

    <ui:composition template="/WEB-INF/content/layout.xhtml">
        <ui:define name="title">${msg['menu.server.timezone']}</ui:define>
        <ui:define name="content">

<p>${msg['server.timezone.default']}: ${sessionScope.TIMEZONE}</p>

<input id="timezone-input" data-type="search" placeholder="${msg['filter']}" />
<table border="1" style="white-space: nowrap;" data-filter="true" data-input="#timezone-input">
<thead>
<tr>
    <th>${msg['menu.server.timezone']}</th>
    <th>${msg['server.timezone.example']}</th>
</tr>
</thead>
<tbody>
<c:forEach items="${bean.timeZone}" var="tz">
<tr>
<td>${tz}</td>
<td><h:outputText value="#{bean.now}" >
    <f:convertDateTime timeZone="${tz}" type="both" dateStyle="short" timeStyle="short" />
</h:outputText></td>
</tr>
</c:forEach>
</tbody>
</table>

        </ui:define>
    </ui:composition>

</html>